#footer {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: @footer-height;
  color: #a2a2a2;
  padding-top: 35px;
  padding-bottom: 15px;

  .f-menu {
    display: block;
    width: 100%;
    .list-inline();
    margin-top: 8px;

    & > li > a {
      color: #a2a2a2;

      &:hover {
        color: #777;
      }
    }
  }
}

@media (min-width: @screen-md-max) {
  body.sw-toggled {
    #footer {
      padding-left: @sidebar-left-width;
    }
  }
}